<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title></title>
	<script type="text/javascript" src="<%=basePath %>/bootstrap/js/jquery.js"></script>
	<script type="text/javascript" src="<%=basePath %>/bootstrap/js/bootstrap.js"></script>
	<link rel="stylesheet" href="<%=basePath %>/bootstrap/css/bootstrap.css" />
	<link rel="stylesheet" href="<%=basePath %>/bootstrap/css/bootstrap-responsive.css" />
	<style type="text/css">
		body{
			background-image:url(<%=basePath %>/bootstrap/img/2.png);
		}
		.container-fluid{
			margin-top:70px;
		}
		.span3{
			background-color:#BBD8E9;
			height:200px;
			padding-top:20px;
			font-size:20px;
			font-family:微软雅黑;
			border-radius:10px;
		}
		.span3 .icon-chevron-right{
			padding-left:10px;
			padding-right:20px;
		}
		.span3 a{
			color:black;
		}
		.span3 a:hover{
			color:green;
		}
		.span9{
			background-color:#DCEAF4;
			border-radius:10px;
		}
		.well{
			background-color:#FF99FF;
		}
	</style>
</head>
<body data-spy="scroll" data-target=".bs-docs-sidebar">

    <!-- Navbar -->
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="#" style="font-family:微软雅黑;padding-left:50px;">售楼管理系统</a>
          <div class="nav-collapse collapse">
            <ul class="nav" style="margin-left:500px;">
              <li class="">
                <a href="#">用户名:xxx</a>
              </li>
              <li class="">
				<a href="#" class="dropdown-toggle" data-toggle="dropdown">账号&设置 <b class="caret"></b></a>
					<ul class="dropdown-menu">
					  <li><a href="#">用户信息</a></li>
					  <li><a href="#">小组信息</a></li>
					</ul>
              </li>
              <li class="">
                <a href="#">安全退出</a>
              </li>            
            </ul>
          </div>
        </div>
      </div>
    </div>

	
	<!--主要内容-->
	<div class="container-fluid">
		  <div class="row-fluid">
			<div class="span3 bs-docs-sidebar">
				<ul class="nav nav-list bs-docs-sidenav">
				  <li><a href="#"><i class="icon-chevron-right"></i> 最近操作</a></li>
				  <li><a href="#"><i class="icon-chevron-right"></i> 客户信息</a></li>
				  <li><a href="#"><i class="icon-chevron-right"></i> 房子信息</a></li>
				  <li><a href="#"><i class="icon-chevron-right"></i> 交易信息</a></li>
				  <li><a href="taskmessage.action"><i class="icon-chevron-right"></i> 小组任务</a></li>
				</ul>
			  </div>
			  <!--Body content-->
			<div class="span9">
			  <ul class="breadcrumb" style="vertical-align:top">
               	 <li ><a href="deal.action">业务机会</a></li>
              </ul>
              <div class="well">
                <table id="table">
               <!-- 循环输出业务 -->
                    <tr>
                        <td style="width:130px">
                        	<img src="<%=basePath %>/bootstrap/img/4.png"/>
	                    </td>
                        <td style="width:734px">
                            <strong>交易的名字</strong><br/> 							
							负责人：<br/>							
							创建时间：<br/>
                        </td> 
                        <td style="width:130px">
                        	<!-- 业务的状态，还要进行判断 -->
                        	<select name="deal.state" id="select1" >
							
								<option value="${deal.id }" 
									<c:if test="${deal.state== '成功'}">selected</c:if>
								>成功</option>
								
								<option value="${deal.id }" 
									<c:if test="${deal.state== '跟踪'}">selected</c:if>
								>跟踪</option>
								<option value="${deal.id }" 
									<c:if test="${deal.state== '失败'}">selected</c:if>
								>失败</option>
						</select> 
							
	                    </td> 
                    </tr>
               				
                </table>
                
				
            </div>
            	
           
            <div>
					<h3>添加笔记</h3>
						
						<form >
						 <input type="hidden" name="uid" value="${sessionScope.user.id }" id="uid" />
							<input type="hidden" name="did" value="${deal.id }" id="did"/>
							<textarea rows="5" style = "width:460px;font-size:18px" id ="content" name=""></textarea><br/>
							<input class="btn btn-primary" type="button" id="btn" value="发表"></input>
						
						</form>
						
						<h3>显示笔记</h3>
						
						<div>
						
							<div id ="result"></div>
							 <c:forEach items ="${dealnoteSet }" var ="dealnote">
								 <blockquote>
	    							<p id="input01">${dealnote.content }</p><!-- 内容 --><small id="input02">发表于${dealnote.createtime}</small>
	    							<a id="del" href="dealnotedel.action?id=${dealnote.id}">删除</a> 
	    							<a id="update" href="javascript:;" rel="${dealnote.id}">编辑</a> 
	    							<div id="add"></div>
	    							<a href="javascript:;" class="btn btn-info" id="edit" rel="${dealnote.id}" style="display:none">save</a>
	    						 </blockquote>
    					 	</c:forEach>
    					
    				
						</div>
				</div>
            
           
			</div>
		  </div>
	</div>
</body>
</html>